<script setup lang="ts">
const myHello = import.meta.env.VITE_HELLO
</script>

<template>
  <h2>{{ myHello }}</h2>
  <p><SvgIcon name="logo"></SvgIcon></p>
  <ul>
    <li><router-link to="/demo/pinia">查看Pinia示例</router-link></li>
    <li>
      <router-link to="/demo/use-request">查看UseRequest示例</router-link>
    </li>
    <li>
      <router-link to="/demo/element-plus">查看ElementPlus示例</router-link>
    </li>
    <li>
      <router-link to="/demo/map-factory">查看MapFactory示例</router-link>
    </li>
  </ul>
</template>

<style scoped>
a {
  color: #42b983;
}

label {
  margin: 0 0.5em;
  font-weight: bold;
}

code {
  background-color: #eee;
  padding: 2px 4px;
  border-radius: 4px;
  color: #304455;
}
</style>
